<template>
  <div>
    <h1>
      layouts --custom.vue 页面  --start
    </h1>
    <div style="margin-top:20px;padding:20px;background:pink;">
      <slot name="header">
        <h2>slot name="header"</h2>
      </slot>
      <div class="custom">
        <h2>slot name="default"</h2>
        <slot />
      </div>
    </div>
       <h1>
      layouts --custom.vue 页面  --end
    </h1>
  </div>
</template>

<script>
export default {
}
</script>

<style>
.custom {
  width: 100%;
  display: flex;
  background: green;
}
.custom h1 {
  color: #ccc;
}
.custom div {
  flex: 1 1 auto;
}
</style>
 